<html>
<head>
    <meta charset="utf-8" />
    <script src="public/js/jquery-3.2.1.js"></script>
</head>
<body>
<canvas id="c1" width="400" height="400" style="border:solid"></canvas>
<script>
    var canvas = document.getElementById("c1").getContext("2d");
    canvas.fillRect(0,0,200,200)
    canvas.strokeRect(100,100,200,200)
    // canvas.fillRect(100,100,100,100);
</script>

</body>
</html>